import axios from 'axios'

// 导入 store/index.js ，因为要使用这里的state中的token
import store from '@/store'
import router from '@/router'

// 创建axios的实例。 这个实例中，可以对axios进行全局的配置
// 得到的 request 也是axios。只不过名字不能再叫axios，因为重名了
const request = axios.create({
  baseURL: 'http://www.liulongbin.top:3008'
})

// 通过请求拦截器来设置请求头
// 添加请求拦截器
request.interceptors.request.use(
  function (config) {
    // console.log(store.state.user.token)
    // 在发送请求之前做些什么
    // config就是请求的配置对象
    /**
     * config = {
     *    url: '/user',
     *    method: 'get',
     *    baseURL: 'https://some-domain.com/api/',
     *    headers: {'X-Requested-With': 'XMLHttpRequest'},
     *    ......
     * }
     */
    // 添加请求头，判断一下，如果请求的url地址，是以 /my 开头的，则添加请求头
    if (config.url.startsWith('/my/')) {
      // 判断，如果token是非数字字母下换线。说token是假的，也要清除token、清除user、跳转到登录
      // if (!/^Bearer \w+\.\w+\.\w+$/.test(store.state.user.token)) {
      //   // 清除假token
      //   store.commit('user/updateToken', '')
      //   // 清除用户数据
      //   store.commit('user/updateUser', {})
      //   // 跳转到登录页
      //   router.push('/login')
      //   return config
      // }
      // config.headers.Authorization = 'tokenxxxxxx'
      // 组件中的this.$store ==== 上面导入的store
      config.headers.Authorization = store.state.user.token
    }
    return config
  },
  function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
  }
)

// 添加响应拦截器，判断token的真假
request.interceptors.response.use(
  function (response) {
    // 对响应数据做点什么（响应状态码如果是2xx，则执行这个函数）
    return response
  },
  function (error) {
    // 对响应错误做点什么（响应状态码超过 2xx的范围，则执行这个函数）
    // console.dir(error) // 使用 dir 的目的是能够展开错误对象，能够看到对象内部的结构
    if (error.response) {
      if (error.response.data.code === 1 && error.response.data.message === '身份认证失败！') {
        // 说明浏览器端的token是假的或者是过期的
        // 加个提示
        // 清除假token
        store.commit('user/updateToken', '')
        // 清除用户数据
        store.commit('user/updateUser', {})
        // 跳转到登录页
        router.push('/login')
      }
    }
    return Promise.reject(error)
  }
)

export default request
